<template>
<div class="image-container">
    <img :src="item.image"
    :style="{
    transform: `rotate(${item.rotate}deg) scale(${item.scale})`}"
    >
</div>
</template>
<script setup lang="ts">
import { IImageData } from "./types";
const props = defineProps<{
    item: IImageData // props 只读的 -》变成响应式数据 usehook
}>();
</script>
<style lang="scss" scoped>
.image-container{
    float: left;
    width: 440px;
    height: 248px;
    img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.3s;
    }
}
</style>